<template>
  <div class="title">
    <el-divider content-position="center" style="border-top: 1px #7f99d6 solid">
      <p>
        <!-- <slot :childData="childData"></slot> -->
        <slot></slot>
      </p>
    </el-divider>
    <div class="line-box">
      <div class="line-left">
        <img
          src="https://demo2022.axureshop.com/2188352/images/%E9%A6%96%E9%A1%B5/u149.svg"
        />
      </div>
      <div class="line-center">
        <img
          src="https://demo2022.axureshop.com/2188352/images/首页/u148.svg"
        />
      </div>
      <div class="line-right">
        <img
          src="https://demo2022.axureshop.com/2188352/images/%E9%A6%96%E9%A1%B5/u149.svg"
        />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// import { ref } from "vue";

// const childData = ref("子组件数据");
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
